<? weak("button.css") ?>
<? strong("button.js") ?>

<a href="#scopeinterface"><img src="<? photon('local-circle-on.png') ?>"></a>


<div class="scopeinterface" id="scopeinterface">
	<div class="box">
		<a class="close" href="#">X</a>
		<div class="content">
			<div class="tabs">
				<ul class="bar">
					<li><a href="#widgets">Widgets</a></li>
					<li><a href="#views">Views</a></li>
					<li><a href="#modules">Modules</a></li>
				</ul>
				<div class="widgets" id="widgets">
					<p>Interface Widgeting System</p>
				</div>
				<div class="views" id="views">
					<div class="view-tabs">
						<ul class="bar">
							<li><a href="#v32324523">default</a></li>
							<li><a href="#v23343452">racing</a></li>
							<li><a href="#v23452434">Hoods and Tees, Inc</a></li>
							<li><a href="#v25252444">MPP Delaware</a></li>
						</ul>
						<div id="v32324523">
							<p>default</p>
						</div>
						<div id="v23343452">
							<p>racing</p>
						</div>
						<div id="v23452434">
							<p>Hoods and Tees, Inc</p>
						</div>
						<div id="v25252444">
							<p>MPP Delaware</p>
						</div>
					</div>
				</div>
				<div class="modules" id="modules">
					<div class="module-tabs">
						<ul class="bar">
							<li><a href="#slocal">Local</a></li>
							<li><a href="#sfacebook">Facebook</a></li>
							<li><a href="#stwitter">Twitter</a></li>
							<li><a href="#sinstagram">Instagram</a></li>
							<li><a href="#slinkedin">Linkedin</a></li>
						</ul>
						<div id="slocal">
							<p>Local</p>
						</div>
						<div id="sfacebook">
							<p>Facebook</p>
						</div>
						<div id="stwitter">
							<p>Twitter</p>
						</div>
						<div id="sinstagram">
							<p>Instagram</p>
						</div>
						<div id="slinkedin">
							<p>Linkedin</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>  
